<template>
    <div>
        <van-skeleton title :row="3" />
        <sss />
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item>1</van-swipe-item>
            <van-swipe-item>2</van-swipe-item>
            <van-swipe-item>3</van-swipe-item>
            <van-swipe-item>4</van-swipe-item>
        </van-swipe>
        <router-view />
        <van-tabbar v-model="active">
            <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item to="/home/ss" icon="search">分类</van-tabbar-item>
            <van-tabbar-item to="/home/fw" icon="friends-o">服务</van-tabbar-item>
            <van-tabbar-item to="/home/gwc" icon="shopping-cart-o">购物车</van-tabbar-item>
            <van-tabbar-item to="/home/my" icon="manager-o">我的</van-tabbar-item>
        </van-tabbar>
        <dl v-for="i in pos">
            <dt>
                <img :src="i.img" alt="">
            </dt>
            <dd>
                <p>{{ i.zt }}</p>
                {{ i.jg }}
            </dd>
        </dl>
        <div v-for="img in imageList" v-lazy:background-image="img" />
    </div>

</template>

<script setup>
import sss from '../../components/sss.vue';
import { ref } from 'vue';
const active = ref(0);
let pos=ref([
    {img:'2.png',zt:'而退欧语言',jg:'￥7237'},
    {img:'2.png',zt:'而退欧语言',jg:'￥7237'},
    {img:'2.png',zt:'而退欧语言',jg:'￥7237'},
    {img:'2.png',zt:'而退欧语言',jg:'￥7237'},
    {img:'2.png',zt:'而退欧语言',jg:'￥7237'},
    {img:'2.png',zt:'而退欧语言',jg:'￥7237'},
])

</script>

<style>
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background: url(../img/1.png);
}
dl img{
    width: 130px;
    height: 150px;
}
dl{
    float: left;
    margin-left: 40px;
}
</style>